<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>114啦网址导航 - 个性设置</title>
<style type="text/css">
body,ul,li { margin:0; padding:0;}
body { font:12px Arial;}
.container { height:230px;}

li { list-style:none;}
.clearfix{zoom:1;}
.clearfix:after{content:"\0020";display:block;clear:both;height:0;}
ul.clearfix li ,li a, li strong { display:inline; float:left;}
a { cursor:pointer;text-decoration:none}
li a { margin:0 3px;}
ul { width:240px; padding:0 10px;}
li { line-height:30px; height:30px; border-bottom:1px solid #dedede; width:240px;}
.theme a,#font-setting a,#sidebar-setting a{  margin-top:9px; margin-left:5px;text-indent:-9999px; overflow:hidden; height:12px; width:12px; }

.theme a,#sidebar-setting a { background:url(images/bg.gif) no-repeat;}
.theme a.blue{ background-color:#438ECE; background-position:0 0;}
.theme a.green{ background-color:#7CB050; background-position:-12px 0}
.theme a.pink{ background-color:#D957AF; background-position:-24px 0;}
.theme a.orange{ background-color:#FF9441; background-position:-36px 0}

.theme a.blue2{ background-color:#438ECE; background-position:0 -12px;}
.theme a.green2{ background-color:#7CB050; background-position:-12px -12px}
.theme a.pink2{ background-color:#D957AF; background-position:-24px -12px;}
.theme a.orange2{ background-color:#FF9441; background-position:-36px -12px}


#font-setting a { margin: 9px 3px 0 3px;}
#font-setting a.default,#font-setting a.default2{ background-color:#000}
#font-setting a.gray,#font-setting a.gray2 { background-color:#666; }
#font-setting a.blue,#font-setting a.blue2 { background-color:#07519A; }
#font-setting a.green,#font-setting a.green2 { background-color:#3DB836; }
#font-setting a.pink,#font-setting a.pink2 { background-color:#FE9CDD; }
#font-setting a.red,#font-setting a.red2 { background-color:#CD0036; }
#font-setting a.default2,
#font-setting a.gray2,
#font-setting a.blue2,
#font-setting a.green2,
#font-setting a.pink2,
#font-setting a.red2 {width:16px; height:16px; margin-top:7px;}

#layout-setting a { color:#333; float:none; }
#layout-setting a:hover { text-decoration:underline; color:#f00;}
#layout-setting a.hao123 { color:#093}
#layout-setting a.a2,#layout-setting a.b2{ font-weight:bold; color:#000;}

#sidebar-setting a{ width:31px; height:25px; margin-top:5px;}
#sidebar-setting.left a.left { background-position:0 -86px;}
#sidebar-setting.left a.right { background-position:-32px -111px;}
#sidebar-setting.right a.left { background-position:0 -111px;}
#sidebar-setting.right a.right { background-position:-32px -86px;}

#sidebar-setting { height:35px; line-height:35px;}

#bg-setting  { height:auto; border:none;}
#bg-setting a { border:1px solid #ccc; border-bottom:2px solid #ccc; text-align:center; text-decoration:none; overflow:hidden; height:20px; width:32px; margin:3px 2px;text-indent:-9999px;}
#bg-setting strong { margin:0;}
#bg-setting .con { float:left; width:168px;}
#bg-item a.default { background:url(../../images/bg/0.gif);}
#bg-item a.a1{ background:url(../../images/bg/1.gif);}
#bg-item a.a2{ background:url(../../images/bg/2.gif);}
#bg-item a.a3{ background:url(../../images/bg/3.gif);}
#bg-item a.a4{ background:url(../../images/bg/4.gif);}
#bg-item a.a5{ background:url(../../images/bg/5.jpg);}
#bg-item a.a6{ background:url(../../images/bg/6.jpg);}
#bg-item a.a7{ background:url(../../images/bg/7.gif);}

.button{ background:url(images/bg.gif) no-repeat 0 -59px; display: inline-block; height:21px; width:63px; line-height:21px; text-align:center; color:#333; font-size:12px;}
div a.button:hover { background-position:0 -38px; color:#07519A}
.center { text-align:center; padding:10px 10px 0;}
</style>
</head>
<body>
<div id="setBox" class="container">
    <ul  class="clearfix">
      <li id="layout-setting"><strong>屏幕设置：</strong><a rel="0" class="a2" href="/" target="_top">标准版</a><a rel="1" class="b" href="/kp.html" target="_top">宽屏版</a> </li>
      <li id="style-setting" class="theme"> <strong>风格设置：</strong> <a rel="0" class="blue2">蓝</a><a rel="1" class="green">绿</a><a rel="2" class="pink">粉</a>
      <li id="font-setting"><strong>字体颜色：</strong> <a rel="default" class="default2">黑</a><a rel="blue" class="blue">蓝</a><a rel="green" class="green">绿</a><a rel="pink" class="pink">粉红</a><a rel="red" class="red">红色</a><a rel="gray" class="gray">灰</a> </li>
      <li id="sidebar-setting" class="left"><strong>布局设置：</strong> <a class="left" rel="0">左侧边栏</a> <a class="right" rel="1">右侧边栏</a></li>
      <li id="bg-setting"> <strong>背景图片：</strong>
        <div id="bg-item" class="con"> <a rel="default" class="default" style="border-color:#f00;">无</a><a rel="1.gif" class="a1">1</a><a rel="2.gif" class="a2">2</a><a rel="3.gif" class="a3">3</a><a rel="4.gif" class="a4">4</a><a rel="5.jpg" class="a5">5</a><a rel="6.jpg" class="a6">6</a><a rel="7.gif" class="a7">7</a> </div>
      </li>
    </ul>
    <div id="ctrl-setting" class="center">
    <a rel="reset" class="button">恢复默认</a>
    <a rel="close" style="margin-left:10px;" class="button">完 成</a>
    </div>
</div>
<script type="text/javascript" src="js/skin.js?v=20100511"></script>
</body>
</html>
